<template>
  <div>
    <h3>剧情简介</h3>
    <p>{{ list.intro }}</p>
    <h4>语言：{{ lang[0] }}</h4>
    <p class="img-box">
      <img :src="'https://images.weserv.nl/?url=' + list.cover_url" alt="" />
    </p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      list: {},
      lang: [],
    };
  },
  created() {
    this.getdata();
  },
  methods: {
    getdata() {
      this.axios(
        "https://bird.ioliu.cn/v2?url=https://m.douban.com/rexxar/api/v2/movie/" +
          this.$route.params.id +
          "?ck=&for_mobile=1"
      ).then((res) => {
        this.list = res.data;
        this.lang.push(this.list.languages[0]);
        console.log(this.list);
        console.log(this.$route.params.id);
      });
    },
  },
};
</script>

<style lang="scss" scoped>
h3 {
  font-weight: bold;
}
p {
  text-indent: 2em;
  color: gray;
  margin-bottom: 10px;
}
.img-box {
  width: 100%;
  img {
    width: 100%;
  }
}
</style>